body, #map{
            padding: 0px;
            margin: 0px;
        }

        html, body{
            height: 100%;
        }
        #bg{
        	height: 100%;
        }
        /*#gongjulan{
        	height: 65px;
       		width: 50%;
       		position: absolute;
       		left: 360px;
       		box-shadow: 4px 4px 4px #DDDDDD;
       		border: 2px solid #D4D9DC;
       		border-top-right-radius: 15px;
       		border-top-left-radius: 15px;
       		
        }*/
        #chart1{
        	height: 480.5px;
       		width: 487px;
       		position: absolute;
       		right: 5px;
       		border: 2px solid #D4D9DC;
       		border-top-right-radius: 20px;
       		/*border-top-left-radius: 15px;*/
        }
        /*#chart2{
        	height: 370px;
       		width: 470px;
       		position: absolute;
       		right: 5px;
       		bottom: 10px;
       		border: 2px solid #D4D9DC;
	       	border-bottom-right-radius: 15px;
	       	border-bottom-left-radius: 15px;
        }*/
        #chart3{
        	height: 328px;
       		width: 99.5%;
       		position: absolute;
       		/*right: 480px;*/
       		left: 5px;
       		bottom: 5px;
       		border: 2px solid #D4D9DC;
	       	/*border-bottom-right-radius: 15px;
	       	border-bottom-left-radius: 15px;*/
	       	overflow: auto;
        }
        .svg1{
        	position: absolute;
        	top: 30px;
        	left: 370px;
        }
        .svg2{
        	position: absolute;
        	top: 0px;
        	left: 1210px;
        }
        /*.svg3{
        	position: absolute;
        	top: 0px;
        	right: 0px;
        }*/
        #menue{
        	position: absolute;
        	width: 770px;
        	height: 45px;
        	border: 1px solid #D4D9DC;
        	left: 375px;
        	top: 5px;
        	border-top-left-radius: 15px;
        	border-bottom-left-radius: 15px;
        	display: block;
        }
        #left_board{
        	position: absolute;
        	/*background-color: black;*/
        	width: 0px;
        	/*height: 100%;*/
        	left: 351px;
        	border-left:1px solid silver;
        }
        #right_board{
        	position: absolute;
        	/*background-color: black;*/
        	width: 0px;
        	/*height: 100%;*/
        	right: 488px;
        	border-right:1px solid silver;
        }
        #message{
        	width: 340px;
        	height: 310px;
        	position: absolute; 
        	left: 5px;
        	top: 5px;
        	border: 1px solid silver; 
        	border-radius: 15px;
        }
       #map{
       	height: 59%;
       	width: 50%;
       	border: 2px solid #D4D9DC;
       	/*border-bottom-right-radius: 15px;
       	border-bottom-left-radius: 15px;*/
       	/*float: left;*/
       	z-index:0;
       	position: absolute;
       	left: 360px;
       	box-shadow: 0px 0px 0px #DDDDDD;
       	display: block;
       }
       .new{
       	height: 30px;
       	width: 30px;
       	background-color: white;
       	position: absolute;
       	z-index: 2;
       	cursor: pointer;
       	border-radius: 4px;
       	box-shadow: 0 1px 5px rgba(0,0,0,0.65);
       	left: 100px;
       	top: 50px;
       }
       #qurey{
       	width: 353px;
       	height: 59%;
       	background-color: white;
       	z-index: 1;
       	left: 5px;
       	/*top: 10px;*/
       	padding: 1px;
       	position: absolute;
       	/*box-shadow: 4px 4px 4px #DDDDDD;*/
       	/*border-radius: 15px;*/
       	/*border-top-right-radius: 15px;*/
       	border-top-left-radius: 20px;
       	border: 2px solid #D4D9DC;
       }
       #road_op{
       	width: 315px;
       	height: 180px;
       	/*background-color: silver;*/
       	position: absolute;
       	top: 60px;
       	left: 15px;
       	border: 1px solid silver;
       	border-radius: 15px;
       }
       /*#anmibar{
       	z-index: 1;
       	width: 0px; 
       	height: 0px; 
       	cursor: pointer; 
       	float: left;
       	left: 560px;
       	top: 1px;
       	position: absolute;
       	border-left: 8px solid transparent; 
		border-right: 8px solid transparent; 
		border-top: 15px solid black; 
       }*/
       #toolbar {
		/*margin-left: 100px;
		margin-top: 100px;*/
		left: 464px;
		/*bottom: 293px;*/
	    /*border: 1px solid black;*/
	    width: 560px;
	    height: 30px;
	    /*background-color: white;
	    opacity: 0.1;*/
	    background-color:rgba(0,0,0,0.2);
	    border-radius: 12px;
	    z-index: 1;
	    display: none;
	    position: absolute;
		}
		.test{
			opacity: 1;
			position: absolute;
			left: 35px;
			width: 70%;
			left: 157px;
			float: left;
		}
		#icon{
			position: absolute;
			width:30px;
			height: 30px;
		  	/*top: 8px;*/
		  	left: 42px;
		  	border-radius: 15px;
		  	border-style: inherit;
		  	cursor: pointer;
		  	outline: none;
	/*	  	float: left;*/
		  }
		#icon1{
			position: absolute;
			width:30px;
			height: 30px;
		  	/*top: 8px;*/
		  	left: 5px;
		  	border-radius: 15px;
		  	border-style: inherit;
		  	cursor: pointer;
		  	outline: none;
		  	/*float: left;*/
		  	}
		#icon2{
			position: absolute;
			width:30px;
			height: 30px;
		  	/*top: 8px;*/
		  	left: 80px;
		  	border-radius: 15px;
		  	border-style: inherit;
		  	cursor: pointer;
		  	outline: none;
		  	/*float: left;*/
		  	}
		.reloadbt{
			cursor: pointer;
		}
		#pop{
			border: 1px solid silver;
			width: 63px;
			height: 27px;
			z-index: 2;
			position: absolute;
			/*top: 500px;*/
			left: 597px;
			background-color: white;
			opacity: 1;
			border-radius: 20px;
			display: none;
		}
		#pop1{
			width: 0px; 
       		height: 0px;
       		border-left: 6px solid transparent; 
			border-right: 6px solid transparent; 
			border-top: 10px solid white; 
			position: absolute;
			top: 26px;
			left: 26px; 
			/*border: 1px solid silver;*/
		}
		.overlay{
				fill: none;
				pointer-events: all;
			}
		.tooltip{
				position: absolute;
				width: 140px;
				/*height: 60px;*/
				border: 1px solid black;
				border-radius: 9px;
				background-color: white;
			}
		.title{
				/*position: absolute;*/
				border-bottom: 1px solid #000000;
				text-align: center;
			}
		
		.divshow{
				position: absolute;
				width: 100px;
				height: 45px;
				left: 1094px;
				top: 57px;
				border: 1px solid black;
				border-top-left-radius: 12px;
				border-top-right-radius: 12px;
			}
		.title1{
			position: absolute;
			width: 100px;
			height: 20px;
			border-bottom: 1px solid #000000;
			text-align: center;
			}
		.goback{
			position: absolute;
			left: 1129px;
			top: 109px;
			width: 34px;
			height: 34px;
			border-radius: 10px;
			border: 1px solid black;
		}
		.flowdiv{
			position: absolute;
			top: 20px;
			width: 50px;
			height: 24px;
			border-right: 1px solid #000000;
			text-align: center;
			line-height: 24px;
		}
		.speeddiv{
			position: absolute;
			top: 20px;
			left: 50px;
			width: 42px;
			height: 24px;
			text-align: center;
			line-height: 24px;
		}
		.desText{
				/*position: absolute;*/
				display: inline;
				
			}
		.des{
			margin-left: 8px;
		}
		#circle-contral{
			position: absolute;
			background-color:rgba(0,0,0,0.2);
			/*border: 1px solid white;*/
			width: 43px;
			height: 40px;
			z-index: 10;
			left: 5px;
			top: 10px;
			/*border-right: 1px solid black;*/
			/*border-top-left-radius: 53px;
			border-bottom-left-radius: 53px;*/
			border-radius: 63px;
			display: block;
			cursor: pointer;
		}
		#circle-contral1{
			position: absolute;
			background-color:rgba(0,0,0,0.2);
			/*border: 1px solid white;*/
			width: 43px;
			height: 40px;
			z-index: 10;
			left: 5px;
			top: 70px;
			/*border-top-right-radius: 53px;
			border-bottom-right-radius: 53px;*/
			border-radius: 63px;
			display: block;
			cursor: pointer;
		}

		input{
			border-style: solid;
			border-color: silver;
			border-width: 1px;
			text-align: center;
		}
		path.slice{
			stroke-width:2px;
		}
		polyline{
			opacity: .3;
			stroke: black;
			stroke-width: 2px;
			fill: none;
		} 
		.svg2 text.percent{
			fill:white;
			text-anchor:middle;
			font-size:12px;
		}
		.cheakbox{
			position: absolute;
			right: 35px;
			bottom: 34px;
			width: 20px;
			height: 18px;
			z-index: 805;
		}		
